@import "./common/mixin.styl"

html,body
  width 100%
  height 100%
  background rgb(252,252,252)
  overflow-x hidden
  .sign-wrapper
    padding-top computedNum(52)
    .header
      background rgb(252,252,252)
      width computedNum(335)
      height computedNum(50)
      line-height computedNum(50)
      z-index 9
      padding computedNum(0) computedNum(20)
      font-size 0
      position fixed
      top 0
      left 0
      .back-wrapper
        width computedNum(60)
        height computedNum(50)
        padding-left computedNum(15)
        background url("../img/back-icon.png") no-repeat left center
        background-size computedNum(8.5) computedNum(15)
        font-size computedNum(16)
        font-family SimHei
      .title
        width computedNum(185)
        font-size computedNum(16)
        vertical-align top
        font-family SimHei
      .sign-recode-btn
        width computedNum(75)
        vertical-align top
        font-size computedNum(16)
        font-family SimHei
        color #666666
    .sign-top-wrapper
      .big-bg
        vertical-align bottom
      .small-bg
        vertical-align bottom
        display none
      .btn-and-assets
        top computedNum(17)
        left computedNum(30)
        font-size 0
        color #ffffff
        .coin-wrapper
          vertical-align top
          font-size computedNum(13)
          width computedNum(100)
          margin-top computedNum(35)
          p
            font-size computedNum(17)
            font-weight 700
            margin-top computedNum(10)
        .sign-btn-wrapper
          vertical-align top
          font-size computedNum(25)
          .btn
            width computedNum(114)
            height computedNum(114)
            &.sign-btn
              line-height computedNum(114)
            &.next-sign-btn
              display none
              padding-top computedNum(25)
              height computedNum(89)
        .gift-wrapper
          vertical-align top
          font-size computedNum(13)
          width computedNum(100)
          margin-top computedNum(35)
          p
            font-size computedNum(17)
            font-weight 700
            margin-top computedNum(10)
      .new-sign-bg
        top computedNum(145)
        left computedNum(9.25)
        width computedNum(356.5)
        height computedNum(107)
        background url("../img/new-sign-bg-1.png") no-repeat center center
        background-size computedNum(356.5) computedNum(107)
        .new-sign-wrapper
          .new-btn
            border-1px-all(#f44a4a)
            width computedNum(92)
            height computedNum(26)
            line-height computedNum(26)
            font-size computedNum(15)
            font-family SimHei
            color #f44a4a
            margin computedNum(12) computedNum(20) 0 0
            &:after
              border-radius computedNum(70)
            &.new-signed-btn
              display none
        .award-detail-wrapper
          font-size 0
          width computedNum(330.5)
          margin-left computedNum(13)
          li
            font-size computedNum(12)
            width computedNum(45)
            height computedNum(50)
            background url("../img/red-bg-1.png") no-repeat center center
            background-size computedNum(40) auto
            vertical-align top
            margin-top computedNum(12)
            &.active
              background url("../img/red-bg-2.png") no-repeat center center
              background-size computedNum(40) auto
            .award-coin
              color #ffffff
              width 102%
              bottom computedNum(10)
              left computedNum(-1)
              transform scale(0.6)
              -webkit-transform- scale(0.6)
              text-align center
              &.active
                display none
            .award-gift
              width computedNum(80)
              height computedNum(17)
              top computedNum(-7)
              left computedNum(-18)
              color #b94c00
              text-align center
              background url("../img/award-gift-icon.png") no-repeat center center
              background-size computedNum(40) auto
              font-size computedNum(12)
              &.active
                display none
              span
                width 100%
                height 100%
                line-height computedNum(17)
                top 0
                left 0
                transform scale(0.7)
                -webkit-transform- scale(0.7)
    .sign-success-wrapper
      position fixed
      top 0
      left 0
      width 100%
      height 100%
      background rgba(0,0,0,0.6)
      z-index 9
      display none
      .sign-success
        width computedNum(375)
        height computedNum(450)
        background url("../img/success-bg.png") no-repeat center center
        background-size computedNum(375) auto
        margin-top computedNum(130)
        .success-detail
          width computedNum(175)
          margin-left computedNum(100)
          padding-top computedNum(190)
          color #666666
          .success-title
            font-size computedNum(20)
            font-family SimHei
          .success-award
            font-size computedNum(14)
            font-family SimHei
            margin-top computedNum(10)
    .sign-bottom-wrapper
      .daily-sign-title
        padding computedNum(15) computedNum(20)
        font-family SimHei
        font-size computedNum(16)
        .left-wrapper
          color #ff4545
        .right-wrapper
          color #999
      .daily-sign-detail
        ul
          font-size 0
          padding 0 computedNum(35)
          li
            font-size computedNum(12)
            width computedNum(30)
            margin-right computedNum(25)
            margin-bottom computedNum(21)
            vertical-align top
            font-family SimHei
            &:nth-child(6n)
              margin-right 0
              .signed-line
                &.signed
                  display none
            &:last-child
              .signed-line
                &.signed
                  display none
            .award-bg
              width computedNum(30)
              height computedNum(33)
              margin-bottom computedNum(6)
              background url("../img/sign-coin-small.png") no-repeat bottom center
              background-size computedNum(27) auto
              &.signed
                background url("../img/signed-icon.png") no-repeat bottom center
                background-size computedNum(30) auto
            .award-count
              width computedNum(88)
              left computedNum(-27.5)
              color #f9754c
              transform scale(0.8)
              -webkit-transform- scale(0.8)
              margin-bottom computedNum(6)
              &.signed
                color #999999
            .award-order
              width computedNum(18)
              height computedNum(18)
              line-height computedNum(21)
              border-radius 50%
              margin-left computedNum(6)
              background #e8e8e8
              color #f9754c
              &.signed
                background #f9754c
                color #ffffff
            .signed-line
              right computedNum(-31)
              bottom computedNum(8)
              width computedNum(37)
              height computedNum(2)
              background #f9754c
              display none
              &.signed
                display block
    .sign-rule-wrapper
      position fixed
      top 0
      left 0
      width 100%
      height 100%
      z-index 9
      background rgba(0,0,0,0.6)
      display none
      .sign-rule-content
        width computedNum(285)
        height computedNum(403)
        background #ffffff
        border-radius computedNum(7)
        margin computedNum(125) computedNum(45) 0 computedNum(45)
        font-family SimHei
        font-size computedNum(15)
        .title
          width computedNum(285)
          height computedNum(44)
          line-height computedNum(44)
          background #f14a4a
          color #ffffff
          border-radius computedNum(7) computedNum(7) 0 0
          font-size computedNum(16)
        .close-wrapper
          width computedNum(54)
          height computedNum(44)
          top 0
          right 0
          background url("../img/close-icon.png") no-repeat center center
          background-size computedNum(14) auto
        .sign-rule-detail
          width computedNum(240)
          margin computedNum(10) computedNum(22.5) 0 computedNum(22.5)
          h4
            font-weight normal
            margin-bottom computedNum(15)
          div
            color #999999
            line-height computedNum(24)
            margin-bottom computedNum(11)
            text-align justify


